<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
	</head>
      <style>
      	body{
      		background-color:white;
      	}
      	.souren {
			background: white;
				}
			.souren .mui-search{
				width:90%;
				height: 60%;
				margin: 20px auto;
				background-color:#F7F7F7;
				border: none;
				
			}
			.mui-table-view{
				margin: 0px 10px;
			}
			
      		
      </style>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" id="return_zuzhijiagou" style="color: black;"></a>
		    <a class="mui-icon mui-pull-right" style="font-size: 14px;color: #0078D7; text-align: center; line-height: 28px;">更多</a>
		    <h1 class="mui-title">国家减灾中心</h1>
		</header>
			
		<div class="mui-content souren" >
		    <div class="mui-input-row mui-search" style="background: white;">
                <input type="search" class="mui-input-clear" placeholder="国家民政部减灾中心">
            </div>
        </div>

		<ul class="mui-table-view"> 
	        <li class="mui-table-view-cell mui-collapse">
	            <a class="mui-navigate-right" href="#" style="font-size: 14px;">救灾中心</a>
	            <!--<div class="mui-collapse-content">
	                <p>面板1子内容</p>
	            </div>
	        </li>-->
	    </ul>
		<ul class="mui-table-view"> 
	        <li class="mui-table-view-cell mui-collapse">
	            <a class="mui-navigate-right" href="#" style="font-size: 14px;">物质托运</a>
	            <!--<div class="mui-collapse-content">
	                <p>面板1子内容</p>
	            </div>
	        </li>-->
	    </ul>
		<ul class="mui-table-view"> 
	        <li class="mui-table-view-cell mui-collapse">
	            <a class="mui-navigate-right" href="#" style="font-size: 14px;">减灾数据库</a>
	            <!--<div class="mui-collapse-content">
	                <p>面板1子内容</p>
	            </div>
	        </li>-->
	    </ul>
		<ul class="mui-table-view"> 
	        <li class="mui-table-view-cell mui-collapse">
	            <a class="mui-navigate-right" href="#" style="font-size: 14px;">专家组</a>
	            <!--<div class="mui-collapse-content">
	                <p>面板1子内容</p>
	            </div>
	        </li>-->
	    </ul>
	    <ul class="mui-table-view"> 
	        <li class="mui-table-view-cell mui-collapse">
	            <a class="mui-navigate-right" href="#" style="font-size: 14px;">航空部</a>
	            <!--<div class="mui-collapse-content">
	                <p>面板1子内容</p>
	            </div>
	        </li>-->
	    </ul>
		
		<div class="mui-content" style="background-color: white; margin: 0px 20px;">
		    <div style="border-bottom: 1px #CCCCCC solid;">
		    	<h6 style="font-size: 14px; color: black; margin-bottom: 16px;">减灾主任</h6>
		    </div>
		    
		     <div style="border-bottom: 1px #CCCCCC solid;margin-top: 20px;">
		    	<h6 style="font-size: 14px; color: black; margin-bottom: 16px;">司令员</h6>
		    </div>
		</div>
		
		
		
		
		<script type="text/javascript">
			mui.init()
			//跳转到通讯录页面
						document.getElementById("return_zuzhijiagou").addEventListener('tap', function(event) {
						mui.openWindow({
							url: 'tongxunlu.html',
							id: 'tongxunlu',
							preload: true,
							show: {
								aniShow: 'pop-in',
								duration:'800',
							},
							styles: {
								popGesture: 'hide',
							},
							waiting: {
								autoShow: false
							}
						});
						}, false);
		</script>
	</body>

</html>